// web/src/app/learn/(course)/courses/[courseId]/_components/course-navbar.tsx
import React from 'react';
import {Chapter, Course, UserProgress} from "@prisma/client";
import NavbarRoutes from "@/components/learn/navbar-routes";
import CourseMobileSidebar from "@/app/learn/(course)/courses/[courseId]/_components/course-mobile-sidebar";

interface Props {
    course: Course & {
        chapters: (Chapter & {
            userProgress: UserProgress[] | null
        })[]
    }
    progressCount: number
}

const CourseNavbar = ({course, progressCount}: Props) => {
    return (
        <div className={`p-4 border-b h-full flex items-center bg-white shadow-sm`}>
            <CourseMobileSidebar
                course={course}
                progressCount={progressCount}
            />
            <NavbarRoutes/>
        </div>
    );
};

export default CourseNavbar;